/**
 * Created by cherryzou on 2018/3/11.
 */
import React, {Component} from 'react';
import {
    ToolbarAndroid,
    AppRegistry,
    StyleSheet,
    Text,
    View,
    Image,
    TextInput,
    TouchableOpacity
} from 'react-native';
export default class LoginButton extends Component {
    constructor(props) {
        super(props);
        this.state = {text: ''};
    }

    render() {
        return (
            <TouchableOpacity onPress = {this.props.onPressCallback} style = {LoginStyles.loginTextView}>
                <Text
                    style = {LoginStyles.loginText} >
                    {
                        this.props.name
                    }
                </Text >
            </ TouchableOpacity >
    );
    }
}
const LoginStyles = StyleSheet.create({

    loginText: {
        color: '#ffffff',
        fontWeight: 'bold',
        width: 30,
    },
    loginTextView: {
        marginTop: 10,
        height: 50,
        backgroundColor: '#3281DD',
        borderRadius: 5,
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
    },
});